<template>
  <div>
    <h1>App: {{ count }}</h1>
    <button @click="count = count + 1">addCOunt</button>
    <hr />
    <One :count="count" @show="show" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
import One from "./components/One.vue";
import { ref } from "vue";

const count = ref(1);
const show = () => {
  console.log("show");
};
</script>

<style  scoped >
</style>